﻿<div ng-controller="HomeController">

    <div class="jumbotron col-md-8">
        <p>EventName: {{Event.EventName}}</p>
        <p>FeaturedArtist: {{Event.FeaturedArtist}}</p>
        <p>OpeningArtist: {{Event.OpeningArtist}}</p>
        <p>Date: {{Event.Date}}</p>
        <p>EventPoster:{{Event.EventPoster}}</p>
        <p>ZipCode: {{Event: ZipCode}}</p>

        <div ng-repeat="f in FeaturedEvents">
            FeaturedEvent: <a ng-href="#/Home/{{f.Id}}">{{f.EventName}}</a>
         <div ng-repeat="o in OpeningEvents">
               FeaturedEvent: <a ng-href="#/Home/{{f.Id}}">{{f.EventName}}</a>
            </div>
        </div>
        <div>
            <button class="btn btn-warning" ng-click="editEvent()">Edit Event</button>
        </div>
    </div>
</div>